import React, { Component } from 'react'
import '../assets/style/room_c.less'
import Img from './Img_c';

export default class Room extends Component {
    render() {
        const list = this.props.list
        return (
            <div className="Room">
                {
                    list.map((value,index)=>{
                        return <div className="body">
                            <Img src={value.src}></Img>
                            <div className="text">
                                <h4>{value.title}</h4>
                                <p>{value.size}</p>
                                <p className="textPrise">{value.prise}</p>
                                <div className="textTag">
                                {
                                    value.tag.map((v,i)=>{
                                        return  <p className="tag">{v}</p>
                                    })
                                }
                                </div>
                            </div>
                        </div>
                    })
                }
            </div>
        )
    }
}
